<template>
  <div class="w-100">
    <swiper :modules="modulesBanner" :autoplay="autoplayBanner" :loop="true" @slideChange="onSlideChange"
      :slides-per-view="1">

      <swiper-slide v-for="(item, index) in list" :key="index">

        <eachMachineInfo :selected="item.name" :data="item.val" :show="swiperIndex == index"></eachMachineInfo>

      </swiper-slide>

    </swiper>
  </div>
</template>

<script setup lang='ts'>
import { Swiper, SwiperSlide } from 'swiper/vue'
import { Navigation, Autoplay, EffectFade } from 'swiper'
import 'swiper/css'
import 'swiper/css/navigation'
import 'swiper/css/pagination'
import 'swiper/css/effect-fade'
import eachMachineInfo from "./components/eachMachineInfo.vue"

const machineData: any = ref({ "0899D3D660DA84B956015A0979907422E137D1E0": "120", "0DE03B11270F80F1148ED54D50748A61EA554380": "\\\\10\\\\DGLHIWM10J447A01\\\\3MZ6H-dglhiwm10j447a01-N-lsr0304-sdsv", "0FE05F6CB96B4910F1A908F4D3602640DC58D73D": "0", "11AD9031A7038AB509A93F367472963192C6B90C": "3", "151FF7A8F9A882ECC337B3BDAA7C5A33F2247744": "EM526B-40um-ldd2'8um-1027-2'2mil-2'6mil.cnd", "1D0EFCA6A0036BD2CF0812E5D095059BD3BFC2AA": "1", "21FFD1F968169D1F2E8AB3378608660A92E83823": "DRY AIR FILTER CHECK", "23FB26404654BD95FC376717AD0A885384991CE7": "0", "27E0F23C3D46C209DB770A4249BA35465FBE302E": "34", "2CEC5CF045E56AFD06F3E10AE22F5F4E077DCAD6": "4.08", "32AC07C86C9E9E6AD8E242F3088368CDFC73BC96": "", "390ADD989478C9442FD94064663E3ED3C0E1407B": "28", "3949D2986553855993B56B6152C1CA2A3272768B": "3", "398253BD4FE0A8435ED431754B93A2D63662B0D6": "无警报", "3BD67AA4F28FAF41754567F3E148AD0ED6C242F6": "0", "3D8F330912CB7098F2648A8222DE3B80023FCB1C": "240", "3FEBC7358ECA2F7CCA148B51FEA9F49BE444ADD8": "08/15/23", "41369483A5263BAE5367397B4CAFE38CE1CC1E46": "28", "41774E6F96FB1D62DAC614972407C23399AD3DCE": "3MZ6H-dglhiwm10j447a01-N-lsr0304-sdsv.prg", "45DD48089FAAD30A9B96CD0DB65B16DC9DC0DE58": "5.00", "47017985D7011C9911D31B8B0CFA99592BAC2C78": "true", "48A3661D846478FA991A825EBD10B78671444B5B": "Idle", "4BC6009F3AA310D8DEC0CC19D8D9A8ACA0C2A2E7": "08:33:16", "4D36141176A6E7263FBEEC1E9909BC0F6177127D": "1240", "50DEC0E2858FE708E400A9A6E2989DE296D9BC47": "0", "5218A336DF4AFEF24FCE1586867165EF122D8CD9": "false", "530F265DB873E9CAEE187E3C1837CBC11FDC3E20": "1.00", "54F596F39CCE33796DD5AAEB3368878A86BBC4AA": "0", "57BA7CAB6717930FE3204AC3552345E531CB7718": "-0.00", "5A5C06B8B6068B33DAF130AAC5CE7D9718FBC222": "156861-011-0308", "6229ED791910ED22007F7C8622EA704A9663D8F2": "120", "6322C8731064934F76DAAEFA15BE39302DB036F3": "-0.00", "64F1CBDFEBA22B4B546D1FE3B1C102B87E47BD88": "120", "6606385F9F2B55E153D1D6DD5AEA5AA5BB4C8886": "", "663EAE9552D96B239EC89272A718B3D77015590C": "22.64", "679F9E72DB46A27EC82264FCB377E1878016ADCD": "0", "6A83552B4101841104731C652FE8838F181541AE": "", "6F722125741A122FDABEF22492088F28A3A0D93A": "4", "711B64EFE60CB87BAE52F5A91A11165406209DC1": "-0.00", "770CE9CB7B2183823D61F78E18FB5685637EA250": "0", "7F76CC3F04704886C5DB5183DF359DAAB9775CA0": "0", "949F08210752B23E4EB3DC7B40237446965DF187": "0.00", "94D43E6700A90C7AABDD96BC7FAEA5B4A5426DA4": "\\\\H\\\\EM526B-40um-ldd2'8um-1027-2'2mil-2'6mil", "9DF69D8BD2FE2AA8AD6F020D948EF972E8A0A5F1": "2", "9E29A21B74FA68735511A17EA7FBF4EF73C558DA": "0.0041", "9F9301A20D1DEDC80A2F9D1857E0AEFAB2AEFCA1": "2", "A1AEC4086D2E47001554245FB9AAF4C9F618D205": "0", "A24D6DCBA0C301404E34F6179D9D05A509A8304B": "22.82", "A5F2F62D8719B9E8B2FD09A87DCEFE6979C505A3": "true", "B1A161A043A8F6E717209515BC23637914220CA0": "4.00", "B25D4AE381C4F4AE2728045322DD7DB3D4E609B2": "-0.00", "B58C06426349B58987C219FA90CF846BD2D34C76": "-1.39", "BC527D2DE1EACA423CF081EF140E7A2DBA7E7C91": "8", "BC9C75D6DF0FE186D6A26062B8D3E95B493076AC": "0", "BF937695DF73B642D8D7CFC1BAE7F86B53A8EACF": "0.00", "C133AF3FE424B7815960EEC83011EA537AD98246": "false", "C1FC023A7D1703ADB8C2DDF420F3AF8EFD326C32": "\\\\10\\\\DGLHIWM10J447A01\\\\3MZ6H-dglhiwm10j447a01-N-lsr0304-sdsv", "C2D9D3FAC53E2586E0B918F6FBEA1E1CF216216B": "0", "C4872C3E5676AAC701BBB473853A64E2F25FABEC": "100", "C84A577A52BF6BCD87A1AA74958507799AB6520E": "false", "C8AEFFD94A4BDBDB341616F8737DEE99E2AE87F9": "28", "C8D57DC645C366D472B6754B78B3C1830BCE95ED": "1.40", "CAD29CDB739CC631F56FF9D2F96BA7CF2BF870F2": "0.0037", "CE47C16344951CE33E0C350F7B0E93EA9CA30201": "10/6/2023", "CECAAD15D83234242A9ABBD7F01811766EA90ACF": "0.00", "D0339F99F0F819A4C3069009146EBA8F17D10FA9": "1", "DDC5E160E8D2E6B9FFE2370B9EA2E4612AF1FDDE": "08:12:24", "E101954BAFF2F46030D849F8D5B269B33B2E7FE7": "0", "E46AA115F8F8D12D51999294E3F367077B2851F2": "\\\\H\\\\EM526B-40um-ldd2'8um-1027-2'2mil-2'6mil", "E539CB3375A919CAA4A639C5446923BC825A27EA": "10/6/2023", "E792CCFEFC25F995AF55CB42E4E2F8AE24D168D3": "08:14:37", "EFFC63980D3E426C2630F61F1F7FE50613F31BE5": "10/6/2023", "F38D9E23DFCBC5E882A30707FDC1321481711069": "4.02", "F551755079CC740D2B30B257076C27211E788E83": "C", "F57D5176BDD140F271A8127564533594E8AD89A1": "-10.07", "F5A88356571152706A0392BBC95F69CD6144AC47": "5600", "F67DE7D6C1394A36B953B90CFDFF1B8CE1A70322": "28", "F7F6D6A36D58C73502EAD163CDFD1A96F6488AD1": "3.00", "FE214A6CF3BBB7236B1874538E546DF69585A1FD": "true" })
const x_machine: any = ref({ "74WA4X7E22TK2IR0O0QTB21W97N2JNKSV5KLRYVF": "2019/10/13 00:13", "Q3HUQJ5BBAE3Y3OXX8BC7OZTI67M59IP4D4VETSC": "I2X", "K89O7AKI6FXXGMUERDU6O6EAMBRFNROW8INOVB8S": "00:00:15", "WJBPJCMTHH88RX6P3O5HQIGCOM2RY2Z8JKZ06NAU": "0001", "LVABIPL5GT7KH9V1214UPUFONY13XEPK9WYCWZ9G": "3.175", "W6NN6CL4I3KWEX40D1H6DHFNY9EFL2YJK6BOUM85": "35000", "FDSHOTQYAAPQXD0KVIM05YKGHGJ949UC2DGICTEZ": "2", "NXC3AQN78V9DIBX3426MRWHQP035ZGRMBY0EY1B8": "1", "P2SVDV3YB9P4LFDLX7MDK0WHI5JMSL7DDCFW05QZ": "1", "1M3GXGNJWK0PW0Y6HSNOVB8STGKY3WIFFEH7CHSB": "" })
const di_mchine: any = ref({ "74WA4X7E22TK2IR0O0QTB21W97N2JNKSV5KLRYVF": "2019/10/15 19:13", "Q3HUQJ5BBAE3Y3OXX8BC7OZTI67M59IP4D4VETSC": "AUS_308", "ZB14M4C8LIYDUPMU6GVNTA6QSESW1UGMNMP5AF09": "200 MJ", "8JMOIZA5UHJXHKURFP66PV4N1M3GXGNJWK0PW0Y6": "623 mm", "HSXY5LH23QU7D6ROPNRGLQ2KKVOQK1L75TLZSMV3": "513 mm", "J5JNSL7DEDGW16R0ZADF9Q1WL8AO8BLI6GXXGMVE": "0.1", "RQII16FZCYFRZRPLYWB08C9HTU89GWJ4E15JOH30": "30111439-GTS-GBS", "0Z2SNSDWLXZ1VDXI74WA4X7E22TK2IR0O0QTB21W": "30111439-B-GTS-AUSSR1-220.OVL", "97N2JNKSV5KLRYVFQ3HUQJ5BBAE3Y3OXX8BC7OZT": "2019/10/18 19:14", "I67M59IP4D4VETSCZB14M4C8LIYDUPMU6GVNTA6Q": "63.6425 秒", "SESW1UGMNMP5AF098JMOIZA5UHJXHKURFP66PV4N": "OnTheFlyLinear", "1M3GXGNJWK0PW0Y6HSXY5LH23QU7D6ROPNRGLQ2K": "Plot/100", "KVOQK1L75TLZSMV3RQII16FZCYFRZRPLYWB08C9H": "OK", "TU89GWJ4E15JOH300Z2SNSDWLXZ1VDXI74WA4X7E": "No", "22TK2IR0O0QTB21W97N2JNKSV5KLRYVFQ3HUQJ5B": "No", "BAE3Y3OXX8BC7OZTI67M59IP4D4VETSCZB14M4C8": "-1.297468771", "LIYDUPMU6GVNTA6QSESW1UGMNMP5AF098JMOIZA5": "0.616557198", "UHJXHKURFP66PV4N1M3GXGNJWK0PW0Y6HSXY5LH2": "126.3025316", "3QU7D6ROPNRGLQ2KKVOQK1L75TLZSMV3RQII16FZ": "162.6165572", "CYFRZRPLYWB08C9HTU89GWJ4E15JOH300Z2SNSDW": "-0.002146534", "LXZ1VDXI74WA4X7E22TK2IR0O0QTB21W97N2JNKS": "-0.002146534", "V5KLRYVFQ3HUQJ5BBAE3Y3OXX8BC7OZTI67M59IP": "1.000346948", "4D4VETSCZB14M4C8LIYDUPMU6GVNTA6QSESW1UGM": "1.000513989", "NMP5AF098JMOIZA5UHJXHKURFP66PV4N1M3GXGNJ": "1.000479739", "WK0PW0Y6HSXY5LH23QU7D6ROPNRGLQ2KKVOQK1L7": "1.000327877", "5TLZSMV3RQII16FZCYFRZRPLYWB08C9HTU89GWJ4": "1.000366026", "E15JOH300Z2SNSDWLXZ1VDXI74WA4X7E22TK2IR0": "1.000548238", "O0QTB21W97N2JNKSV5KLRYVFQ3HUQJ5BBAE3Y3OX": "0.3", "X8BC7OZTI67M59IP4D4VETSCZB14M4C8LIYDUPMU": "-0.3", "6GVNTA6QSESW1UGMNMP5AF098JMOIZA5UHJXHKUR": "0.3", "FP66PV4N1M3GXGNJWK0PW0Y6HSXY5LH23QU7D6RO": "0.0088336303", "PNRGLQ2KKVOQK1L75TLZSMV3RQII16FZCYFRZRPL": "0.0018554383", "YVN1VOY5TTKBT9IRFRHK2TSN0YETAEBJMWBCIPM6": "-0.008336303", "HU8LHAW2215UPUFOOZ23YFQK9XYDW09GV4VM5KJ3": "-0.001853668", "Q2SVDV3ZC9P4LGDLX7MEK1XHJ5JNSL7DEDGW16R0": "0.007702758", "8JOPWC8TUHLY4XIFGEI7CHTBBMFHBSCYWKCQJDMU": "-0.007702984" })


const list = ref([{ name: '三菱镭射钻孔机', val: machineData.value }, { name: 'x光钻靶机', val: x_machine.value }, { name: 'DI曝光机', val: di_mchine.value }])
const modulesBanner = ref([Navigation,Autoplay, EffectFade])
const swiperIndex = ref(null)
const autoplayBanner = ref({
  delay: 10000,
  disableOnInteraction: false, // 用户操作swiper之后，是否禁止autoplay。默认为true：停止。
  pauseOnMouseEnter: false // 鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换，默认false
})
const onSlideChange = (swiper:any)=>{
  swiperIndex.value = swiper.realIndex
}
onMounted(() => {
})
</script>

<style lang='less' scoped>
.swiper {
  height: 100%;
}
</style>